<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>个人中心 | 商超财富宝</title>
    <link rel="icon" type="image/x-icon" href="../favicon.ico" />
    <link rel="stylesheet" href="../public/css/weui.min.css">
    <link rel="stylesheet" href="../public/css/jquery-weui.css">
    <link rel="stylesheet" type="text/css" href="../public/css/reset.css">
    <script type="text/javascript" src="../public/js/rem.js"></script>
    <link rel="stylesheet" type="text/css" href="../static/css/personal.css">
</head>

<body>
    <div class="container">
        <!-- 头部 -->
        <header style="position:fixed;">
            <a onclick="javascript:window.history.back(-1);return false;" class="back">
                <img src="../static/images/icon_back.png">
            </a>
            <span>个人中心</span>
        </header>

        <!-- 内容部分 -->
        <div class="main">
            <!-- 姓名、性别 -->
            <section>
                <ul>
                    <li class="headphoto">
                        <!-- 头像 -->
                        <label for="upload" class="addPhoto">
                            <div class="fl">
                                <img src="../static/images/icon_photo.png">
                                <span>头像</span>
                            </div>
                            <span class="fr arrow">＞</span>
                            <div class="photo fr">
                                <img src="../static/images/head_photo.png" class="preview" width="100%">
                            </div>

                        </label>
                        <form id="form1">
                            <input type="file" accept="image/jpg,image/jpeg,image/png" contenteditable="false" id="upload" style="visibility:hidden">
                        </form>
                    </li>
                    <!-- 姓名 -->
                    <li class="editName">
                        <!-- 姓名 -->
                        <div class="fl">
                            <img src="../static/images/name.png">
                            <span>姓名</span>
                        </div>
                        <span class="fr arrow">＞</span>
                        <span class="name fr"></span>
                    </li>
                    <!-- 性别 -->
                    <li class="editSex">
                        <!-- 性别 -->
                        <div class="fl">
                            <img src="../static/images/sex.png">
                            <span>性别</span>
                        </div>
                        <span class="fr arrow">＞</span>
                        <span class="sex fr"></span>
                    </li>

                    <!-- 推广码 -->
                    <li style="border: 0">
                        <a href="../templates/promoCode.html">
                            <div class="fl">
                                <img src="../static/images/promo_code.png">
                                <span>我的推广码</span>
                            </div>
                            <span class="fr arrow">＞</span>
                        </a>
                    </li>
                </ul>
                <!-- 姓名编辑框 -->
                <div class="editList nameList">
                    <!-- 隐藏页头部 -->
                    <header>
                        <!-- 返回箭头 -->
                        <a href="javascript:void(0);">
                            <img src="../static/images/icon_back.png">
                        </a>
                        <span>姓名</span>
                        <button class="save">保存</button>
                    </header>
                    <input type="text" name="name" placeholder="姓名">
                </div>
                <!-- 性别编辑框 -->
                <div class="editList sexList">
                    <!-- 隐藏页头部 -->
                    <header>
                        <!-- 返回箭头 -->
                        <a>
                            <img src="../static/images/icon_back.png">
                        </a>
                        <span>性别</span>
                    </header>
                    <div class="weui-cells weui-cells_radio">
                        <label class="weui-cell weui-check__label" for="x11" name="1">
                            <div class="weui-cell__bd">
                                <p>男</p>
                            </div>
                            <div class="weui-cell__ft">
                                <input type="radio" class="weui-check" name="radio1" id="x11">
                                <span class="weui-icon-checked"></span>
                            </div>
                        </label>
                        <label class="weui-cell weui-check__label" for="x12" name="2">

                            <div class="weui-cell__bd">
                                <p>女</p>
                            </div>
                            <div class="weui-cell__ft">
                                <input type="radio" name="radio1" class="weui-check" id="x12">
                                <span class="weui-icon-checked"></span>
                            </div>
                        </label>
                    </div>
                </div>
            </section>

            <!-- 手机、银行卡 -->
            <section>
                <ul>
                    <!-- 手机号码 -->
                    <li>
                        <div class="fl">
                            <img src="../static/images/telephone.png">
                            <span id="userTel">手机号码</span>
                        </div>
                        <span class="fr arrow">&nbsp;</span>
                        <span class="fr telephone" style="color: #999"></span>
                    </li>

                    <!-- 银行卡 -->
                    <li>
                        <a href="../templates/bankCard.html">
                            <div class="fl">
                                <img src="../static/images/bankCard.png">
                                <span>我的银行卡</span>
                            </div>
                            <span class="fr arrow">＞</span>
                            <span class="bankCard fr"></span>
                        </a>
                    </li>

                    <li>
                        <a href="../templates/certificate.html">
                            <div class="fl">
                                <img src="../static/images/infor_icon.png">
                                <span>信息认证</span>
                            </div>
                            <span class="fr arrow">＞</span>
                            <span class="fr cer"></span>
                        </a>

                    </li>

                    <li style="border: 0">
                            <a href="" class="ensureMoney">
                                <div class="fl">
                                    <img src="../static/images/bankCard.png">
                                    <span>保证金</span>
                                </div>
                                <span class="fr arrow">＞</span>
                                <span class="fr ensureStatus"></span>
                            </a>
                        </li>
                </ul>
            </section>

            <!-- 关于我们、反馈信息 -->
            <section>
                <ul style="border-bottom: 1px solid #eaeaea;box-shadow: 0px 1px 10px #ededed">
                    <!-- 关于我们 -->
                    <li class="clearfix">
                        <a href="../templates/aboutUs.html">
                            <div class="fl">
                                <img src="../static/images/about.png">
                                <span>关于我们</span>
                            </div>
                            <span class="fr arrow">＞</span>
                        </a>
                    </li>
                    <!-- 反馈信息 -->
                    <li class="clearfix">
                        <a href="../templates/feedBack.html">
                            <div class="fl">
                                <img src="../static/images/feedBack.png">
                                <span>反馈信息</span>
                            </div>
                            <span class="fr arrow">＞</span>
                        </a>
                    </li>

                    <li class="clearfix" style="border: 0">

                        <div class="fl">
                            <img src="../static/images/clear.png">
                            <span>版本信息</span>
                        </div>
                        <span class="fr arrow">v1.2.0&nbsp;&nbsp;&nbsp;</span>
                    </li>
                </ul>
            </section>

            <section class="exit">
                <a>退出登录</a>
            </section>
        </div>

        <!-- 底部菜单 -->
        <footer>
            <div class="home foot_icon">
                <a href="../templates/home.html">
                    <img src="../static/images/home.png">
                    <p>首页</p>
                </a>
            </div>

            <div class="distributor foot_icon">
                <a href="../templates/distribute.html">
                    <img src="../static/images/distributor.png">
                    <p>分销商</p>
                </a>
            </div>

            <div class="personal foot_icon">
                <a href="../templates/personal.html">
                    <img src="../static/images/personal_light.png">
                    <p>我的</p>
                </a>
            </div>
        </footer>
    </div>
</body>
<script type="text/javascript" src="../public/js/jquery.js"></script>
<script type="text/javascript" src="../public/js/lrz.all.bundle.js"></script>
<script type="text/javascript" src="../public/js/jquery.cookie.js"></script>
<script type="text/javascript" src="../public/js/jquery-weui.js"></script>
<script type="text/javascript" src="../public/js/xback.js"></script>
<script type="text/javascript" src="../static/js/personal.js"></script>
<script>
    // 监听手机返回键
    
    // XBack.listen(function () {
    //     if ($('.nameList').css("display") == "block") {
    //         $('.nameList').fadeOut(500);
    //     } else if ($('.sexList').css("display") == "block") {
    //         $('.sexList').fadeOut(500);
    //     }
    // });
</script>

</html>